<template>
  <div class="ten_box">
    <m-header modile-title="练习12" go-back="true"></m-header>
    <div class="box">
      <p class="title">小区善治</p>
      <div class="content">
        <p>
          社区物业治理兼有经营性、社会性和自治性，涵盖地产开发、物业管理、法律法规、业主组织建设、社区建设等方方面面，专业性的复合性非常高，比单纯的企业经营复杂，比单纯的政府行政管理复杂。业主大会和业主委员会对广大业主来讲，是一个熟悉的名词，但又是一项陌生的工作，非但需要宽广的理论知识，更需要丰富的实践经验。以往大家只注意了业主委员会的选举，但忽略了业主委员会的培训和依法规范运行，这就是全国范围内绝大多数业主委员会不能正常履职的原因所在。
          业主方面：从我们接触到业委会团队来看，有一些业委会团队什么也不懂，有一些业委会团队却自以为是。（和开发商斗、和物业公司斗、这一届与上一届斗），把心思花在建设小区上的少，肯学习对小区共有设施设备的电梯维护、消防维护、监控维护、绿化养护等实务工作上的少。
          其次业主还没有形成花钱买服务的概念，造成了近几年来物业管理费价格始终在原地，与逐年增涨的劳动力成本形成了巨大的剪刀差，造成了低物业费、低物业服务质量、低物业费收缴率的
          物业方面：由于物业服务企业恶性竞争导致，为了接盘小区，不管物业费高低，在包干制的特性下，以收定支，导致小区设施设备瘫痪，业主意见纠纷，拒缴物业费，在罢免业委会，物业服务合同期满则又被业主赶走，小区再次重新物业选聘，小区从此步入频繁更换物业。业主每天想着换物业，当然最后吃亏的还是全体业主。
          一些物业公司的工作只停留在扫扫地、看看门层面，心思也都花在偷减员工上。在消防、监控、公共设备维护、绿化养护方面，普遍存在
          “拼设备”的现象。很多住宅小区的电梯维保都是存在问题的、消防都是瘫痪的，一半以上小区的监控、门禁等安防、设备形同虚设……
          首先是小的物业公司面对目前物业市场人工费用、经营成本的涨价，成本已达到极限，盈利已经非常困难。而目前整个行业越来越规范化，原先一些不透明的做法已经难以维系。其次，物业行业也进入了互联网时代，技术力量对企业的发展后劲将会越来越得到体现。大的物业公司有能力有资金来开发新技术新产品，而小物业这一块会是短板。大牌物业公司也有他们的问题。物业行业目前仍属于劳动密集型行业，在大牌物业快速扩张的时候，一些管理的楼盘出现人力跟不上的情况，由于公司内部缺乏品控专业人士，缺少物业服务巡检是非常重要的一个环节。反而有损多年积攒的口碑。
        </p>
      </div>
    </div>
    <div class="comment-footer">
      <div class="icon" v-if="conmentShow" @click="comBtn">
        <img src="../image/pinglun@2x.png" alt="">
        <span>评论</span>
      </div>
      <div class="input-box" v-if="inputShow">
        <input type="text" v-model="text">
        <button @click="senBtn">发送</button>
      </div>
    </div>
  </div>
</template>
<style lang="scss">
  .ten_box {
    padding-top: 60px;
    background: #fff;
    .box{
      width: 100%;
      padding-bottom: 70px;
      .title{
        font-size: 30px;
        text-align: center;
        padding: 10px 0;
        font-weight: bolder;
      }
      .content{
        padding: 10px;
        p{
          font-size: 24px;
          line-height: 36px;
        }
      }
    }
    .comment-footer{
      position: fixed;
      bottom: 0;
      width: 100%;
      height: 60px;
      background: #2585d0;
      .icon{
        width: 100%;
        text-align: center;
        img{
          width: 30px;
        }
        span{
          color: #fff;
          font-size: 22px;
          line-height: 60px;
          margin-left: 10px;
        }
      }
      .input-box{
        width: 100%;
        input{
          width: 75%;
          height: 50px;
          background: #f2f2f2;
          outline: none;
          border: none;
          border-radius: 5px;
          margin-top: 5px;
          margin-left: 5px;
        }
        button{
          padding: 6px 20px;
          color: #2585d0;
          outline: none;
          border: none;
          background: #fff;
        }
      }
    }
  }
</style>
<script>
  import mHeader from '../../../../components/header'

  export default {
    name: 'lianxi12',
    data() {
      return {
        text:'',
        conmentShow:true,
        inputShow:false
      }
    },
    methods: {
      comBtn(){
        this.inputShow = true
        this.conmentShow = false
      },
      senBtn(){
        if (!this.text) {
          console.log('请输入内容')
          return false
        }
        console.log(this.text)
        // this.conmentShow = true
        // this.inputShow = false
      }
    },
    components: {
      mHeader
    }
  }
</script>
